<template>
  <div class="lkjInfoBox">
    <div class="lkjInfoRow">
      <el-card shadow="always"> 车号：{{ trainNumber }} </el-card>
      <el-card shadow="always"> 车型：{{ trainType }} </el-card>
      <el-card shadow="always"> 状态：{{ status }} </el-card>
      <el-card shadow="always"> 运用模式：{{ useMode }} </el-card>
      <el-card shadow="always"> 时间：{{ time }} </el-card>

      <el-card shadow="always"> 速度：{{ velocity }} </el-card>
      <el-card shadow="always"> 机车信号：{{ signal }} </el-card>
      <el-card shadow="always"> 总重：{{ weight }} </el-card>
      <el-card shadow="always"> 车辆总数：{{ trainCount }} </el-card>
    </div>
  </div>
</template>

<script>
export default {
  name: 'lkj',
  data () {
    return {
      trainNumber: '7231',
      trainType: 'HXD1',
      status: '在线',
      useMode: '本/货',
      time: '2021-11-21 15:32:45',
      velocity: 100,
      signal: '红黄',
      weight: '4948吨',
      trainCount: 2

    }
  }
}
</script>

<style scoped>
.lkjInfoBox {
  background: transparent;
  display: flex;
  flex-direction: column;
}

.lkjInfoRow {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.el-card {
  border: 0px solid #0081e2;
  font-size: 16px;
  background-color: transparent;
  color: #0081e2;
  width: 300px;
}
</style>
